<!DOCTYPE html>
<head>
  <meta charset="UTF-8">
  <title>Înscrieri &mdash; Ziua Libertății Programelor &mdash; Fundația Ceata</title>
  <script type="application/javascript">
function update_event_info(){
	var event_info = document.getElementById("event_info");
	var image = document.getElementById("image");
	var xhr = new XMLHttpRequest();
	xhr.open("GET", "/zlp?op=info&oras=" + document.getElementById("event").value, false);
	xhr.send();
	console.log(xhr.responseText);
	var ret = JSON.parse(xhr.responseText);
	event_info.innerHTML = "Data: <b>" + ret.date + "</b>. Locuri libere rămase: <b>" + ret.locuri + "</b>.<br /><a href='" + ret.link + "' target='_blank'>Pagina evenimentului de la ceata.org</a>.";
	// event_info.innerHTML = "<b>" + ret.date + "</b> la <b>" + ret.locul + "</b> in <b>" + ret.sala + "</b>. Locuri libere rămase: <b>" + ret.locuri + "</b>. Legătură: <a href='" + ret.link + "'>" + ret.link + "</a>";
	// image.src = ret.image;
}

function validate(){
	var captcha = document.getElementById("captcha");
	if(captcha.value != 83){
		alert("Ați completat greșit anul de lansare al proiectului GNU. Indiciu: Suntem în 2013 și proiectul GNU împlinește 30 de ani.");
		return false;
	}
}

window.onload = update_event_info;
  </script>

  <style>
    body {
      background-color: #eee;
      max-width: 700px;
      border: solid 1px #ccc;
      margin: 0 auto;
      font-family: 'DejaVu Sans', sans-serif;
    }
    
    div#header {
      text-align: center;
    }

    div#form {
      background-color: #fff;
    }
    
    form {
      padding: 1%;
    }

    p {
      padding-left: 1%;
      padding-right: 2%;
    }

    label.first {
      font-weight: bold;
    }

    label.help {
      color: #333;
    }

    select, input#send {
      font-weight: bold;
    }

    div#license {
      font-size: 0.9em;
    }
  </style>
</head>

<body>
  <div id="form">
    <div id="header">
      <img src="img/gnu30-ro.png" alt="Aniversarea a 30 de ani de la lansarea proiectului GNU" />
    </div>

    <p>
      În 2013, Fundația Ceata organizează evenimente de Ziua Libertății Programelor dedicate proiectului GNU în mai multe orașe românești. <a href="http://ceata.org/comunicate/zlp-2013-%C8%99i-30-de-ani-de-gnu.html" target="_blank">Comunicatul oficial</a>.
    </p>
    <p>
      Cu ocazia aniversării a 30 de ani de la lansarea proiectului GNU, membrii voluntari și colaboratorii Fundației Ceata vor susține prezentări și demonstrații cu pachete de programe libere din proiectul GNU. 
    </p>
    <p>
      Vă invităm să vă înscrieți pentru a participa la aceste evenimente și să folosiți GNU, un sistem de operare care vă respectă libertățile de utilizator.
    </p>

    <form action="/zlp" method="POST" onsubmit="return validate();">
      <input type="hidden" name="op" value="append">
      <div>
	<label class="first">Prenume:</label><br />
	<input type="text" name="prenume" required><br />
      </div>
      <br />
      <div>
	<label class="first">Nume (opțional):</label><br />
	<input type="text" name="nume"><br />
      </div>
      <br />
      <div>
	<label class="first">Adresa de poștă electronică:</label><br />
	<label class="help">Va fi folosită pentru anunțuri despre acest eveniment.</label><br />
	<input type="email" size="30" name="adresa" id="email" required><br />
      </div>
      <br />
      <div>
	<label class="first">Înscriere la evenimentul din:</label>
	<select name="oras" id="event" required onchange="update_event_info();">
	  <option value="">-- Selectează orașul --</option>
	  <option value="balti">Bălți</option>
	  <option value="bucuresti">București</option>
	  <option value="chisinau">Chișinău</option>
	  <option value="cluj">Cluj-Napoca</option>
	  <option value="constanta">Constanța</option>
	  <option value="valcea">Râmnicu-Vâlcea</option>
	</select><br />
	<label class="help">Alege orașul în care ești sau mergi pentru evenimentul de acolo.</label><br />
      </div>
      <br />
      <div>
	<!-- <label class="first">Detalii:</label> -->
	<div id="event_info"></div>
	<img id="image" style="width:200px;height:200px" src="#" />
      </div>
      <br />
      <div>
	<label class="first">Numărul de locuri de rezervat:</label>
	<select name="numar" id="num">
	  <option value="1">1</option>
	  <option value="2">2</option>
	  <option value="3">3</option>
	  <option value="4">4</option>
	  <option value="5">5</option>
	</select><br />
	<label class="help">Te rugăm să selectezi mai multe locuri doar dacă aduci și prieteni la eveniment.</label>
      </div>
      <br />
      <div>
	<label class="first">Anul de lansare al proiectului GNU este 19</label><input type="number" size="2" name="captcha" min="0" max="99" id="captcha" required><label class="first">. (2 cifre)</label><br />
	<label class="help">Această întrebare filtrează roboții și lasă doar persoanele reale să se înscrie.</label>
      </div>
      <br />
      <div>
	<label class="first">(Opțional) Ai aflat de eveniment prin:</label>
	<select name="referinta" id="referinta">
	  <option value="">-- selectează --</option>
	  <option value="prieteni">prieteni/colegi</option>
	  <option value="liste">liste/forumuri</option>
	  <option value="retele">rețele sociale</option>
	  <option value="ceata">*.ceata.org</option>
	  <option value="dexonline">dexonline.ro</option>
	</select>
	<label class="first">sau:</label>
	<input type="text" name="referinta2"><br />
	<label class="help">Dacă faci această mențiune, ne ajuți să eficientizăm promovarea pe viitor.</label>
      </div>
      <br />
      <div>
	<label class="first"><input type="checkbox" name="anunturi" checked>Pe viitor, vreau să primesc și alte anunțuri de la Fundația Ceata.</label><br />
	<label class="help">
	  În acest caz, se va trimite în numele tău o cerere de abonare la lista ceata-anunturi.<br />
	  Nu vei fi automat abonat, ci vei primi o cerere de confirmare că ai cerut să fii abonat.
	</label>
      </div>
      <br />
      <input type="submit" value="Trimite" id="send">
    </form>
  </div>
  <div id="license">
    <p>
      2013 &mdash; <a href="http://ceata.org" target="_blank" title="Situl Fundației Ceata">Fundația Ceata</a> are drepturile de autor asupra acestei lucrări. Semnalați <a href="mailto:admin@ceata.org" title="Adresa echipei de administrare">echipei de administrare</a> eventualele probleme întâmpinate.
    </p>
    <p>
      Imaginea din antet este o versiune tradusă și modificată de Fundația Ceata a unei lucrări originale de la <a href="http://gnu.org" target="_blank" title="Sistemul de operare GNU">gnu.org</a> dedicată <a href="http://www.gnu.org/server/staging/gnu30/gnu30.html" target="_blank" title="Aniversarea a 30 de GNU">aniversării a 30 de ani</a>.
    </p>
    <p>
      Programul pe care se bazează formularul este <a href="http://gitorious.org/ceata/ceata-formular-zlp" target="_blank" title="Depozitul de cod al formularului">liber</a> în conformitate cu condițiile licenței <a href="https://www.gnu.org/licenses/agpl.html" target="_blank" title="Licența liberă GNU AGPL">GNU AGPLv3+</a>.
      Textul formularului este liber în conformitate cu condițiile licenței <a href="http://creativecommons.org/licenses/by-sa/3.0/" target="_blank" title="Licența liberă CC-BY-SA">CC-BY-SA</a>.
    </p>
  </div>
</body>
